<title xmlns="http://www.w3.org/1999/html">修改攻略</title>
<link rel="stylesheet" href="../assets/css/bootstrap-multiselect.css"/>
<link rel="stylesheet" href="../assets/css/bootstrap-tagsinput.css"/>
<link rel="stylesheet" href="../public/stylesheets/styles/strategy/strategy/edit.min.css"/>

<div class="row page-strategy-edit">
  <div class="col-xs-12">
    <div class="widget-box">
      <div class="widget-header widget-header-blue widget-header-flat">
        <h4 class="widget-title lighter">修改攻略</h4>
      </div>

      <div class="widget-body">
        <div class="widget-main">
          <!-- #section:plugins/fuelux.wizard -->
          <div id="fuelux-wizard-container">
            <div>
              <!-- #section:plugins/fuelux.wizard.steps -->
              <ul class="steps">
                <li data-step="1" class="active">
                  <span class="step">1</span>
                  <span class="title">基本信息</span>
                </li>
                <li data-step="2">
                  <span class="step">2</span>
                  <span class="title">交通/签证信息</span>
                </li>
                <li data-step="3">
                  <span class="step">3</span>
                  <span class="title">美食/景点/购物信息</span>
                </li>
              </ul>
              <!-- /section:plugins/fuelux.wizard.steps -->
            </div>
            <hr/>

            <!-- #section:plugins/fuelux.wizard.container -->
            <div class="step-content pos-rel">
              <div class="step-pane clearfix active" data-step="1">
                <div class="row">

                  <div class="col-sm-12">
                    <form class="form-horizontal" method="get">
                      <div class="clearfix">
                        <div class="col-sm-12">
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="strategyName">攻略名称</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <!-- <input type="text" name="strategyName" id="strategyName" class="col-xs-12 col-sm-12"/>-->
                                <textarea class=" col-xs-12 col-sm-12" id="strategyName"></textarea>
                              </div>
                            </div>
                          </div>
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="strategyName">攻略主题</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <input class=" col-xs-8 col-sm-8" id="strategyTitle"/><span>（一句话描述）</span>
                              </div>
                            </div>
                          </div>

                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="strategySubTitle">副主题</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <input class=" col-xs-8 col-sm-8" id="strategySubTitle"/><span>（目的地酒店推荐)</span>
                              </div>
                            </div>
                          </div>

                          <div class="space-2"></div>
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="destinationDetail">目的地描述</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <textarea class=" col-xs-12 col-sm-12" id="destinationDetail"></textarea>
                              </div>
                            </div>
                          </div>
                          <div class="space-2"></div>
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="destinationId">目的地</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <select class="col-xs-3" id="destinationId">
                                </select>
                              </div>
                            </div>
                          </div>

                          <div class="space-2"></div>
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="numCollect">收藏数量</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <div class="input-group">
                                  <input
                                    class="form-control"
                                    id="numCollect"
                                    placeholder="收藏数量"
                                    type="number"
                                    min="0"
                                  />
                                  <span class="input-group-addon">
                                    <i class="fa fa-square bigger-110"></i>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="space-2"></div>
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="numComment">评论数量</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <div class="input-group">
                                  <input
                                    class="form-control"
                                    id="numComment"
                                    placeholder="评论数量"
                                    type="number"
                                    min="0"
                                  />
                                  <span class="input-group-addon">
                                    <i class="fa fa-square bigger-110"></i>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="space-2"></div>
                          <div class="form-group">
                            <label class="control-label col-sm-2 no-padding-right" for="numShare">分享数量</label>
                            <div class="col-xs-12 col-sm-9">
                              <div class="clearfix">
                                <div class="input-group">
                                  <input
                                    class="form-control"
                                    id="numShare"
                                    placeholder="分享数量"
                                    type="number"
                                    min="0"
                                  />
                                  <span class="input-group-addon">
                                    <i class="fa fa-square bigger-110"></i>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="space-2"></div>

                        </div>
                      </div>

                      <div class="clearfix">
                        <div class="col-sm-12">
                          <div class="form-group" id="strategyType">
                            <label class="control-label col-sm-2 no-padding-right">类型</label>
                            <div class="col-sm-9">
                              <div class="checkbox col-sm-3">
                                <label>
                                  <input name="form-field-checkbox" id="hotCheckBox" class="ace ace-checkbox-2" type="checkbox" value="1">
                                  <span class="lbl">热门</span>
                                </label>
                              </div>
                              <div class="checkbox col-sm-3">
                                <label>
                                  <input name="form-field-checkbox" id="recommendCheckBox" class="ace ace-checkbox-2" type="checkbox" value="2">
                                  <span class="lbl">推荐</span>
                                </label>
                              </div>
                            </div>
                          </div>

                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="hr"></div>
                  <div class="col-sm-12">
                    <div class="col-sm-3">
                      <form class="form-horizontal" role="form">
                        <div class="form-group">
                          <div class="col-sm-12 no-padding">
                            <div class="uploader-container">
                              <!--头部，相册选择和格式选择-->
                              <div class="uploader">
                                <div class="queueList center center-block">
                                  <div class="placeholder dndArea">
                                    <img class="mainImg" id="mainImg" src=" " alt="" data-id="">
                                  </div>
                                  <div class="webuploader-pick" id="webuploader-pick-main">点击选择主图</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                    <div class="col-sm-3">
                      <form class="form-horizontal" role="form">
                        <div class="form-group">
                          <div class="col-sm-12 no-padding">
                            <div class="uploader-container">
                              <!--头部，相册选择和格式选择-->
                              <div class="uploader">
                                <div class="queueList center center-block">
                                  <div class="placeholder dndArea">
                                    <img class="focusedImg" id="focusedImg" src=" " alt="" data-id="">
                                  </div>
                                  <div class="webuploader-pick" id="webuploader-pick-focused">点击选择焦点图 1200*550</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                    <div class="col-sm-3">
                      <form class="form-horizontal" role="form">
                        <div class="form-group">
                          <div class="col-sm-12 no-padding">
                            <div class="uploader-container">
                              <!--头部，相册选择和格式选择-->
                              <div class="uploader">
                                <div class="queueList center center-block">
                                  <div class="placeholder dndArea">
                                    <img class="hotImg" id="hotImg" src=" " alt="" data-id="">
                                  </div>
                                  <div class="webuploader-pick" id="webuploader-pick-hot">点击选择热门图</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                    <div class="col-sm-3">
                      <form class="form-horizontal" role="form">
                        <div class="form-group">
                          <div class="col-sm-12 no-padding">
                            <div class="uploader-container">
                              <!--头部，相册选择和格式选择-->
                              <div class="uploader">
                                <div class="queueList center center-block">
                                  <div class="placeholder dndArea">
                                    <img class="recommendImg" id="recommendImg" src=" " alt="" data-id="">
                                  </div>
                                  <div class="webuploader-pick" id="webuploader-pick-recommend">点击选择推荐图</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
                <script id="editorContainer" name="content" type="text/plain">在此处填写攻略描述信息</script>
              </div>

              <div class="step-pane clearfix" data-step="2">
                <div class="center"><h3 class="green">交通信息</h3></div>
                <textarea class="col-xs-12 col-sm-12" rows="10" id="strategyTraffic"></textarea>
                <div class="space-2"></div>
                <div class="space-2"></div>
                <div class="center"><h3 class="green">签证信息</h3></div>
                <textarea class="col-xs-12 col-sm-12" rows="10" id="strategyVisa"></textarea>
              </div>

              <div class="step-pane clearfix CostDescribe" data-step="3">
                <div class="center"><h3 class="green">美食信息</h3></div>
                <ul id="cardsFood" class="cards"></ul>
                <div class="center"><h3 class="green">景点信息</h3></div>
                <ul id="cardsScene" class="cards"></ul>
                <div class="center"><h3 class="green">购物信息</h3></div>
                <ul id="cardsPurchase" class="cards"></ul>
              </div>
            </div>
            <!-- /section:plugins/fuelux.wizard.container -->
          </div>

          <hr/>
          <div class="wizard-actions center-block center">
            <!-- #section:plugins/fuelux.wizard.buttons -->
            <button class="btn btn-prev">
              <i class="ace-icon fa fa-arrow-left"></i>
              上一步
            </button>
            <button class="btn btn-success btn-next" data-last="完成">
              下一步
              <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
            </button>
            <button class="btn btn-success" id="btnSave">
              保存
              <i class="ace-icon fa fa-save icon-on-right"></i>
            </button>
          </div>
        </div><!-- /.widget-main -->
      </div><!-- /.widget-body -->
    </div>
    <!-- PAGE CONTENT ENDS -->
  </div><!-- /.col -->
</div><!-- /.row -->

<!-- page specific plugin scripts -->
<style>

  .priceTable tbody input{
    width: 100px;
  }
</style>

<script src="../public/javascripts/scripts/strategy/strategy/edit.min.js"/>
